<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单标签学习</title>
</head>
<body>
<!--form表单标签(提交数据给服务器)-->
<!--属性 提交方式get\post和提交路径自行指定 然后默认加载-->
<form action="https://www.baidu.com/" method="get">
<!--input表单项 数据\按钮提交数据-->
<!--  type:text 文本类型\submit 提交按钮类型-->
  <input type="text" name="id">
  <input type="submit">
</form>
<hr>
<form action="https://www.baidu.com/" method="get">
    <!--placeholder默认提示-->
    输入普通文本:<input type="text" name="id"
                  placeholder="输入用户名"
                  value="tom" readonly><br>
    输入加密文本:<input type="password" name="password"><br>
    单选:
    <input type="radio" name="sex" value="m" id="r1" checked>
    <!--label加入可以实现点击男字也可以选中单选框,否则只能点圆形组件-->
    <label for="r1">男</label>
    <input type="radio" name="sex" value="v" id="r2">
    <label for="r2">女</label><br>
    <hr>
    <!--k:v-->
    <!--多选:checkbox 默认选择的熟悉checked-->
    多选:
    <input type="checkbox" name="hobby" value="cf">吃饭
    <input type="checkbox" name="hobby" value="sleep">睡觉
    <input type="checkbox" name="hobby" value="ddd" checked >打豆豆<br>
    日期:<input type="date" name="birthday"><br>
    文件:<input type="file" name="file"><br><br>
    下拉选:
    <select name="city">
        <option value="beijing">北京</option>
        <option value="shanghai">上海</option>
        <option value="guangzhou" selected>广州</option>
    </select><br>
<!--    按钮：普通按钮、提交按钮、重置按钮-->
    <input type="button" value="普通按钮">
    <input type="submit">
    <input type="reset">
    <hr>
<!--    -->
    <button type="button">普通按钮</button>
    <button type="submit">提交按钮</button>
    <button type="reset">重置按钮</button>
</form>
</body>
</html>